@charset "UTF-8";

*{margin:0; padding:0; background-repeat:no-repeat; background-position:center;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
i,s,em,u{font-style:normal; text-decoration:none;}
a{text-decoration:none; color:inherit;}
html,body{height:100%;}
body{font:0/1.3 microsoft yahei; color:#333; overflow:hidden;}
.welcome{height:100%; background-image:url(img/bg.jpg); background-size:cover;}

.logo{width:245px; height:82px; background-image:url(img/logo.png); background-size:cover; position:absolute; left:36px; top:24px; z-index:100;}
.copyright{z-index:100; position:absolute; bottom:0; left:0; width:100%; color:#0658a3; font-size:14px; line-height:2.3; text-align:center; background:#fff;}
.language{position:absolute; bottom:14%; left:0; width:100%; text-align:center; z-index:100;}
.language em{display:inline-block; width:180px; margin:0 12px; border-radius:25px; line-height:44px; height:44px; font-size:18px; color:#fff; cursor:pointer; transition:.3s;}
.language em:hover{filter:brightness(1.15); -webkit-filter: brightness(1.15);}
.la_1{background:#fd92df;}
.la_2{background:#2f81de;}
.la_3{background:#ffc059;}
.page{width:41px; height:79px; position:absolute; top:50%; margin-top:-40px; z-index:100; cursor:pointer; transition:.3s;}
.page:hover{opacity:.7;}
.prev{left:48px; background-image:url(img/page_prev.png);}
.next{right:48px; background-image:url(img/page_next.png);}
.welcome h3{position:absolute; top:0; left:0; width:100%; height:63%; background-position:bottom;}

.w_1{background-image:url(img/ipc_1.png);}
.w_2{background-image:url(img/ipc_2.png);}
.w_3{background-image:url(img/ipc_3.png);}
.welcome h2{font-size:28px; position:absolute; top:60%; left:0; width:100%; text-align:center;}
.welcome h2 i{display:block;}
@media only screen and (max-width:768px){
	.logo{left:50%; margin-left:-122px; top:20px;}
	.page{display:none;}
	.copyright{display:none;}
	.welcome h3{background-size:90% auto; height:51%;}
	.welcome h2{top:52%; font-size:24px;}
	.welcome h2 em{display:block;}
	.welcome h2 s{display:none;}
	.w_1{background-image:url(img/imo_1.png);}
	.w_2{background-image:url(img/imo_2.png);}
	.w_3{background-image:url(img/imo_3.png);}
	.language{bottom:4%;}
	.language em{display:block; margin:18px auto;}
}

/* 3.7 add start */
@media only screen and (max-width:360px){
	.logo{left: 50%;margin-left:-122px;top: 0px;}
	.welcome h3{background-size: 70% auto;height: 47%;}
	.language{bottom: 1%;}
	.language em{display:block;margin: 12px auto;}
}
/* 3.7 add end  */


.welcome .swiper-slide-active h3{animation:up_anim 1.5s;}
.welcome .swiper-slide-active h2{animation:up_anim 1.5s forwards; animation-delay:.5s; opacity:0;}
@keyframes up_anim
{
from {transform:translateY(20px); opacity:0;}
to {transform:translateY(0); opacity:1;}
}